/**
 * jQuery MessageBox Plugin
 * Github: http://github.com/yali4/messagebox/
 * Link: http://yalcinceylan.net/messagebox
 * Copyright: October 2013
 * Creator: Yalçın CEYLAN
 * Github: http://github.com/yali4/
 * Website: http://yalcinceylan.net
 * License: MIT <http://opensource.org/licenses/mit-license.php>
*/

.messagebox-background {
	position:fixed;
	display:none;
	margin:0; padding:0;
	top:0; left:0;
	width:100%; height:100%;
	z-index:1001;
}
.messagebox-dialog {
	position:fixed;
	top:0; left:0;
	margin:0; padding:0;
	z-index:9999;
	background:#FFF;
	border-radius:3px;
	border:solid 1px #e2e2e2;
	overflow:hidden;
}
.messagebox-content {
	min-width:350px; max-width:450px;
	position:relative; display:block;
}
.messagebox-content > h1 {
	position:relative; display:block;
	font:15px Meiryo UI; color:#585858;
	font-weight:bold; background:#eee;
	margin:0; padding:12px 10px;
	border-bottom:1px solid #d5d5d5;
}
.messagebox-content > div {
	margin:0; padding:15px;
	font:14px Meiryo UI;
	color:#555; line-height:20px;
	max-height:100px; overflow:auto;
}
.messagebox-buttons {
	position:relative; display:block;
	padding:10px 10px; margin:0 10px;
	border-top: 1px solid #ddd;
    display: inline-block;
    width: 100%
}
.messagebox-buttons > button {
	margin-right:10px;
	float:right;
}
.messagebox-timer {
	position:absolute; padding:10px;
	left:5px; top:5px; display:none;
	font:12px Meiryo UI; color:#585858;
}

.messagebox-buttons .cancel,
.messagebox-buttons .continue,
.messagebox-buttons .danger {
	position:relative;
	display:inline-block;
	height:25px; line-height:25px;
	padding:0px 10px 0px 10px;
	font:12px Meiryo UI;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	outline:0; cursor:pointer;
}

.messagebox-buttons .continue {
	color:#FFF;
	background: rgb(77,114,166);
	background: -moz-linear-gradient(top, rgba(77,114,166,1) 0%, rgba(61,90,132,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,114,166,1)), color-stop(100%,rgba(61,90,132,1)));
	background: -webkit-linear-gradient(top, rgba(77,114,166,1) 0%,rgba(61,90,132,1) 100%);
	background: -o-linear-gradient(top, rgba(77,114,166,1) 0%,rgba(61,90,132,1) 100%);
	background: -ms-linear-gradient(top, rgba(77,114,166,1) 0%,rgba(61,90,132,1) 100%);
	background: linear-gradient(to bottom, rgba(77,114,166,1) 0%,rgba(61,90,132,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d72a6', endColorstr='#3d5a84',GradientType=0 );
	border: 1px solid #2d4261;
}
.messagebox-buttons .continue:hover {
	background: rgb(77,114,166);
	background: -moz-linear-gradient(top,  rgba(77,114,166,1) 1%, rgba(40,74,122,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(77,114,166,1)), color-stop(100%,rgba(40,74,122,1)));
	background: -webkit-linear-gradient(top,  rgba(77,114,166,1) 1%,rgba(40,74,122,1) 100%);
	background: -o-linear-gradient(top,  rgba(77,114,166,1) 1%,rgba(40,74,122,1) 100%);
	background: -ms-linear-gradient(top,  rgba(77,114,166,1) 1%,rgba(40,74,122,1) 100%);
	background: linear-gradient(to bottom,  rgba(77,114,166,1) 1%,rgba(40,74,122,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d72a6', endColorstr='#284a7a',GradientType=0 );
}
.messagebox-buttons .continue:active {
	background: rgb(77,114,166);
	background: -moz-linear-gradient(top,  rgba(77,114,166,1) 1%, rgba(85,116,160,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(77,114,166,1)), color-stop(100%,rgba(85,116,160,1)));
	background: -webkit-linear-gradient(top,  rgba(77,114,166,1) 1%,rgba(85,116,160,1) 100%);
	background: -o-linear-gradient(top,  rgba(77,114,166,1) 1%,rgba(85,116,160,1) 100%);
	background: -ms-linear-gradient(top,  rgba(77,114,166,1) 1%,rgba(85,116,160,1) 100%);
	background: linear-gradient(to bottom,  rgba(77,114,166,1) 1%,rgba(85,116,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d72a6', endColorstr='#5574a0',GradientType=0 );
}


.messagebox-buttons .danger {
	color:#FFF;
	background: rgb(224,45,81);
	background: -moz-linear-gradient(top,  rgba(224,45,81,1) 0%, rgba(160,27,49,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,45,81,1)), color-stop(100%,rgba(160,27,49,1)));
	background: -webkit-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(160,27,49,1) 100%);
	background: -o-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(160,27,49,1) 100%);
	background: -ms-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(160,27,49,1) 100%);
	background: linear-gradient(to bottom,  rgba(224,45,81,1) 0%,rgba(160,27,49,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02d51', endColorstr='#a01b31',GradientType=0 );
	border: 1px solid #B11029;
}
.messagebox-buttons .danger:hover {
	background: rgb(224,45,81);
	background: -moz-linear-gradient(top,  rgba(224,45,81,1) 0%, rgba(144,20,41,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,45,81,1)), color-stop(100%,rgba(144,20,41,1)));
	background: -webkit-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(144,20,41,1) 100%);
	background: -o-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(144,20,41,1) 100%);
	background: -ms-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(144,20,41,1) 100%);
	background: linear-gradient(to bottom,  rgba(224,45,81,1) 0%,rgba(144,20,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02d51', endColorstr='#901429',GradientType=0 );
}
.messagebox-buttons .danger:active {
	background: rgb(224,45,81);
	background: -moz-linear-gradient(top,  rgba(224,45,81,1) 0%, rgba(185,43,67,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,45,81,1)), color-stop(100%,rgba(185,43,67,1)));
	background: -webkit-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(185,43,67,1) 100%);
	background: -o-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(185,43,67,1) 100%);
	background: -ms-linear-gradient(top,  rgba(224,45,81,1) 0%,rgba(185,43,67,1) 100%);
	background: linear-gradient(to bottom,  rgba(224,45,81,1) 0%,rgba(185,43,67,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02d51', endColorstr='#b92b43',GradientType=0 );
}


.messagebox-buttons .cancel {
	color:#000;
	background: rgb(255,204,26);
	background: -moz-linear-gradient(top,  rgba(255,204,26,1) 0%, rgba(230,178,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,26,1)), color-stop(100%,rgba(230,178,0,1)));
	background: -webkit-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(230,178,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(230,178,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(230,178,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,204,26,1) 0%,rgba(230,178,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc1a', endColorstr='#e6b200',GradientType=0 );
	border: 1px solid #b38b00;
}
.messagebox-buttons .cancel:hover {
	background: rgb(255,204,26);
	background: -moz-linear-gradient(top,  rgba(255,204,26,1) 0%, rgba(218,168,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,26,1)), color-stop(100%,rgba(218,168,0,1)));
	background: -webkit-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(218,168,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(218,168,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(218,168,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,204,26,1) 0%,rgba(218,168,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc1a', endColorstr='#daa800',GradientType=0 );
}
.messagebox-buttons .cancel:active {
	background: rgb(255,204,26);
	background: -moz-linear-gradient(top,  rgba(255,204,26,1) 0%, rgba(235,188,30,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,26,1)), color-stop(100%,rgba(235,188,30,1)));
	background: -webkit-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(235,188,30,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(235,188,30,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,204,26,1) 0%,rgba(235,188,30,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,204,26,1) 0%,rgba(235,188,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc1a', endColorstr='#ebbc1e',GradientType=0 );
}
.messagebox-dialog{width:390px;height:175px;}
.messagebox-buttons .continue{
font-size:14px;
width:80px;height:35px;
border-color: #63b9de !important;
background: linear-gradient(to bottom, #63b9de 0%,#63b9de 100%);
background: -webkit-linear-gradient(top, #63b9de 0%,#63b9de 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63b9de), color-stop(100%,#63b9de));
background: #63b9de;
}
.messagebox-buttons .continue:hover{
width:80px;height:35px;
font-size:14px;
border-color:#3aa6d5 !important;
background-color: #3aa6d5 !important;
background: linear-gradient(to bottom, #3aa6d5 0%,#3aa6d5 100%);
background: -webkit-linear-gradient(top, #3aa6d5 0%,#3aa6d5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3aa6d5), color-stop(100%,#3aa6d5));
background: #3aa6d5;
}
.messagebox-buttons .cancel{
width:80px;height:35px;
font-size:14px;
color:#fff;
border-color: rgba(204, 204, 204, 1);
background-color: border-color: rgba(204, 204, 204, 1) !important;
background: linear-gradient(to bottom, rgba(204, 204, 204, 1) 0%,rgba(204, 204, 204, 1) 100%);
background: -webkit-linear-gradient(top, rgba(204, 204, 204, 1) 0%,rgba(204, 204, 204, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204, 204, 204, 1)), color-stop(100%,rgba(204, 204, 204, 1)));
background: rgba(204, 204, 204, 1);
}
.messagebox-buttons .cancel:hover{
width:80px;height:35px;
font-size:14px;
color:#fff;
border-color: #a1a1a1;
background-color: border-color: #a1a1a1 !important;
background: linear-gradient(to bottom, #a1a1a1 0%,#a1a1a1 100%);
background: -webkit-linear-gradient(top, #a1a1a1 0%,#a1a1a1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#a1a1a1));
background: #a1a1a1;
}
.messagebox-buttons button{display:none;}
.messagebox-content{margin-bottom:15px;padding-top:15px;font-size:14px;}
.messagebox-buttons {margin:0px;padding-top:30px;}